<template>
    <div class="homewrap">
        <t-layout class="layoutwrap">
            <t-header>
                <Header />
            </t-header>
            <!-- 当不需要侧边栏的页面可以在这里判断 -->
            <!-- <t-content>
                <router-view />
            </t-content> -->
            <t-layout>
                <t-aside style="width: auto;">
                    <Aside />
                </t-aside>
                <t-layout>
                    <t-content>
                        <RouterView v-slot="{ Component }">
                            <component :is="Component" />
                        </RouterView>
                    </t-content>
                    <t-footer>
                        <Footer />
                    </t-footer>
                </t-layout>
            </t-layout>
        </t-layout>
    </div>
</template>

<script setup lang="ts">
import Aside from '@/components/layout/Aside.vue';
import Header from '@/components/layout/Header.vue';
import Footer from '@/components/layout/Footer.vue';

</script>

<style lang="less" scoped>
.homewrap {
    width: 100%;
    height: 100%;
    position: absolute;
    .layoutwrap {
        height: 100%;
        position: relative;
    }
}
.t-layout__footer{
    padding: 0;
}
.t-layout, .t-layout__direction-vertical {
    flex: 1;
    overflow: hidden;
}
.t-layout__content {
    flex: 1;
    overflow: auto;
}
</style>
